<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入轮播插件 -->
    <link rel="stylesheet" href="./css/slider.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- 头部导航栏 -->
        <div class="top-nav">
            <div class="welcome container clearfix">
                <span class="fr">欢迎光临<a href="#">乐购</a>，请先 <a href="./record.html">登录</a>\<a href="#">注册</a></span>
            </div>
        </div>

        <div class="nav container clearfix">
            <div class="img fl">
                <!-- logo图 -->
                <img src="./img/logo.jpg" alt="">
            </div>

            <div class="box fr">
                <!-- 搜索框 -->
                <div class="clearfix">
                    <form action="#" class="form">
                        <input class="inp" type="text" placeholder="创意文具">
                        <button class="btn" type="submit">搜索</button>
                    </form>

                    <div class="cart">
                        <a href="./shopping.html" class="right-shop fr">
                            <span class="shop"><i></i>购物车 3</span>
                            <span class="order">我的订单</span>
                        </a>
                        <div class="side fr">
                            <a href="./index.html">首页</a>
                            <a href="./Product.html">商品列表</a>
                            <a href="./details3.html">产品详情</a>
                            <a href="./shopping.html">购物车</a>
                            <a href="./record.html">登录</a>
                            <a href="#">首页</a>
                            <a href="#">首页</a>
                            <a href="#">首页</a>
                            <a href="#">首页</a>
                            <a href="#">首页</a>
                            <a href="#">首页</a>
                            <a href="#">首页</a>
                            <a href="#">首页</a>
                            <a href="#">首页</a>
                        </div>
                    </div>
                </div>

                <!-- 导航列表 -->
                <div>

                </div>
            </div>
        </div>

    </header>

    <!-- 主体 -->
    <tbody>
        <!-- 横幅 -->
        <div class="banner container clearfix">
            <!-- 左边栏 -->
            <div class="left-aside fl">
                <ul>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>
                    <li class="aside-link">
                        <p>
                            <a href="#">图书、</a>
                            <a href="#">电子书、</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="link-two">
                            <a href="#">我只是来测试的，不要打我</a>
                        </div>
                    </li>

                </ul>
            </div>
            <!-- 右边轮播 -->
            <!-- <div class="right-lb fr"> -->
            <div class="pptbox fl" id="slider">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="./imgs/banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner2.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
                <!-- </div> -->
            </div>

        </div>


        <!-- 商品分类 -->

        <!-- 1.今日推荐 -->
        <div class="recommend container">
            <div class="top-title">
                <h1>乐购·今日推荐</h1>
            </div>
            <div class="recommend-contitle">
                <ul class="clearfix">
                    <li class="fl">
                        <img src="./img/index06_05.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_05.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_05.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_05.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_05.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_05.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_11.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_11.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_11.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_11.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_11.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>
                    <li class="fl">
                        <img src="./img/index06_11.jpg" alt="">
                        <img src="./img/index05_18.jpg" class="img-two" alt="">
                        <p>黑椒青蜂侠六建电竞游戏键盘<span>全国联保，一年免费包换</span>
                        </p>
                        <span class="money fs24">￥：299</span>
                    </li>

                </ul>
            </div>

        </div>

        <!-- 2.主体内容 -->

        <!-- 1.图书 电子书 -->
        <div class="books container ">
            <div class="top clearfix">
                <h2 class="fl">图书 电子书</h2>
                <ul class="fr">
                    <li class="active">最新上架</li>
                    <li>独家推荐</li>
                    <li>畅销书</li>
                </ul>
            </div>
            <!-- books左边内容 -->
            <div class="bottom-left fl">
                <!-- 第一页 -->
                <div class="books-box on">
                    <div class="books-left fl">
                        <img src="./img/index7_07.jpg" alt="">
                        <span>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                        </span>
                    </div>

                    <div class="books-right fl clearfix">
                        <!-- 轮播 -->
                        <li class="lm">
                            <div class="pptbox fl" id="books">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>

                    </div>
                </div>
                <div class="books-box ">
                    <div class="books-left fl">
                        <img src="./img/86030026097384_y_01.jpg" alt="">
                        <span>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                        </span>
                    </div>

                    <div class="books-right fl clearfix">
                        <!-- 轮播 -->
                        <li class="lm">
                            <div class="pptbox fl" id="books-one">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>

                    </div>
                </div>
                <div class="books-box ">
                    <div class="books-left fl">
                        <img src="./img/index7_07.jpg" alt="">
                        <span>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                            <a href="#">外教</a>
                        </span>
                    </div>

                    <div class="books-right fl clearfix">
                        <!-- 轮播 -->
                        <li class="lm">
                            <div class="pptbox fl" id="books-two">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>
                        <li>
                            <p>奥运狂欢</p>
                            <p class="ptwo">10万种电子书直降40%</p>
                            <img src="./img/index09_05.jpg" alt="">
                            <span>￥：49</span>
                        </li>

                    </div>
                </div>
            </div>

            <!-- books右边列表 -->
            <div class="bottom-right fr">
                <h3>新书畅销榜</h3>
                <ul class="nwebooks">
                    <li class=" nwebooks-list">
                      <span class="list">1</span>
                      <p class="nwebooks-p">就喜欢你看不惯我  又干不</p>

                      <div class="nwebooks-m clearfix on">
                          <img src="./img/index08_05.jpg" alt="">
                          <p class="nwebooks-you">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                      </div>

                    </li>
                    <li class=" nwebooks-list">
                      <span class="list">2</span>
                      <p class="nwebooks-p">就喜欢你看不惯我  又干不</p>
                      <div class=" nwebooks-m clearfix">
                          <img src="./img/index08_05.jpg" alt="">
                          <p class="nwebooks-you">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                      </div>
                    </li>
                    <li class=" nwebooks-list">
                      <span class="list">3</span>
                      <p class="nwebooks-p">就喜欢你看不惯我  又干不</p>
                      <div class=" nwebooks-m clearfix">
                          <img src="./img/index08_05.jpg" alt="">
                          <p class="nwebooks-you">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                      </div>
                    </li>
                    <li class=" nwebooks-list">
                      <span class="list">4</span>
                      <p class="nwebooks-p">就喜欢你看不惯我  又干不</p>
                      <div class=" nwebooks-m clearfix">
                          <img src="./img/index08_05.jpg" alt="">
                          <p class="nwebooks-you">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                      </div>
                    </li>
                    <li class=" nwebooks-list">
                      <span class="list">5</span>
                      <p class="nwebooks-p">就喜欢你看不惯我  又干不</p>
                      <div class=" nwebooks-m clearfix">
                          <img src="./img/index08_05.jpg" alt="">
                          <p class="nwebooks-you">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                      </div>
                    </li>
                    <li class=" nwebooks-list">
                      <span class="list">6</span>
                      <p class="nwebooks-p">就喜欢你看不惯我  又干不</p>
                      <div class=" nwebooks-m clearfix">
                          <img src="./img/index08_05.jpg" alt="">
                          <p class="nwebooks-you">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                      </div>
                    </li>
                    <li class=" nwebooks-list">
                      <span class="list">7</span>
                      <p class="nwebooks-p">就喜欢你看不惯我  又干不</p>
                      <div class=" nwebooks-m clearfix">
                          <img src="./img/index08_05.jpg" alt="">
                          <p class="nwebooks-you">从你的世界路过
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                            </p>
                      </div>
                    </li>
                </ul>
            </div>

        </div>


        <!-- 2.服装 -->
        <div class="con-item container floor">
            <!-- 盒子头部 -->
            <div class="top-con clearfix">
                <div class="clothing-title">
                    <h2 class="fl">服装</h2>
                </div>
                <ul class="fr">
                    <li class="active">女装内衣</li>
                    <li>热销男装</li>
                    <li>精品鞋靴</li>
                </ul>
            </div>

            <!-- 盒子中部 -->
            <div class="center-con">
                <div class=" one on clearfix">
                    <!-- 左边 -->
                    <div class="one-left fl">
                        <img src="./img/index7_17.jpg" alt="">
                        <span class="clearfix">
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                        </span>
                    </div>
                    <!-- 中间 -->
                    <div class="one-center fl">
                        <!-- 轮播 -->
                        <div class="center-lunbo">
                            <div class="pptbox fl clothing" id="clothing">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                                <!-- </div> -->
                            </div>
                        </div>
                        <div class="center-img">
                            <img src="./img/index11_08.jpg" alt="">
                        </div>

                    </div>
                    <!-- 右边 -->
                    <div class="one-right fr">
                        <!-- 上图 -->
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <!-- 下 -->
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                    </div>
                </div>

                <div class=" one clearfix">
                    <!-- 左边 -->
                    <div class="one-left fl">
                        <img src="./img/86030026097384_y_01.jpg" alt="">
                        <span class="clearfix">
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                        </span>
                    </div>
                    <!-- 中间 -->
                    <div class="one-center fl">
                        <!-- 轮播 -->
                        <div class="center-lunbo">
                            <div class="pptbox fl clothing" id="clothing-one">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                                <!-- </div> -->
                            </div>
                        </div>
                        <div class="center-img">
                            <img src="./img/index11_08.jpg" alt="">
                        </div>

                    </div>
                    <!-- 右边 -->
                    <div class="one-right fr">
                        <!-- 上图 -->
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <!-- 下 -->
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                    </div>
                </div>

                <div class=" one clearfix">
                    <!-- 左边 -->
                    <div class="one-left fl">
                        <img src="./img/index7_17.jpg" alt="">
                        <span class="clearfix">
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                        </span>
                    </div>
                    <!-- 中间 -->
                    <div class="one-center fl">
                        <!-- 轮播 -->
                        <div class="center-lunbo">
                            <div class="pptbox fl clothing" id="clothing-two">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner1.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                                <!-- </div> -->
                            </div>
                        </div>
                        <div class="center-img">
                            <img src="./img/index11_08.jpg" alt="">
                        </div>

                    </div>
                    <!-- 右边 -->
                    <div class="one-right fr">
                        <!-- 上图 -->
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <!-- 下 -->
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                    </div>
                </div>

            </div>

            <!-- 盒子底部 -->
            <div class="bottom-con cl">
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
            </div>

        </div>

        <!-- 3.户外运动 -->
        <div class="con-item container floor">
            <!-- 盒子头部 -->
            <div class="top-con clearfix">
                <h2 class="fl">户外运动</h2>
                <ul class="fr">
                    <li class="active">国际名牌</li>
                    <li>户外装备</li>
                    <li>精品鞋靴</li>
                </ul>
            </div>

            <!-- 盒子中部 -->
            <div class="center-con">
                <div class=" one on">
                    <!-- 左边 -->
                    <div class="one-left fl">
                        <img src="./img/index7_17.jpg" alt="">
                        <span class="clearfix">
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                        </span>
                    </div>
                    <!-- 中间 -->
                    <div class="one-center fl">
                        <!-- 轮播 -->
                        <div class="center-lunbo">
                            <div class="pptbox fl motion" id="motion">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/187720017020448_1_o.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/160729-3709pc-B.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                                <!-- </div> -->
                            </div>
                        </div>
                        <div class="center-img">
                            <img src="./img/index11_08.jpg" alt="">
                        </div>

                    </div>
                    <!-- 右边 -->
                    <div class="one-right fr">
                        <!-- 上图 -->
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/index100_05.jpg" alt="">
                        </li>
                        <!-- 下 -->
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/index100_11.jpg" alt="">
                        </li>
                    </div>

                </div>

                <div class=" one ">
                        <!-- 左边 -->
                        <div class="one-left fl">
                            <img src="./img/index100_05.jpg" alt="">
                            <span class="clearfix">
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                            </span>
                        </div>
                        <!-- 中间 -->
                        <div class="one-center fl">
                            <!-- 轮播 -->
                            <div class="center-lunbo">
                                <div class="pptbox fl motion" id="motion-two">
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#">
                                                <img src="./img/187720017020448_1_o.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./img/160729-3709pc-B.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/banner3.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/banner4.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/banner5.jpg" />
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                    <!-- </div> -->
                                </div>
                            </div>
                            <div class="center-img">
                                <img src="./img/index11_08.jpg" alt="">
                            </div>
    
                        </div>
                        <!-- 右边 -->
                        <div class="one-right fr">
                            <!-- 上图 -->
                            <li class="right-top">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="right-top">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <li class="right-top">
                                <img src="./img/index100_05.jpg" alt="">
                            </li>
                            <!-- 下 -->
                            <li class="right-bottom">
                                <img src="./img/index100_11.jpg" alt="">
                            </li>
                            <li class="right-bottom">
                                <img src="./img/index100_11.jpg" alt="">
                            </li>
                            <li class="right-bottom">
                                <img src="./img/index100_11.jpg" alt="">
                            </li>
                        </div>
    
                </div>

                <div class=" one ">
                            <!-- 左边 -->
                            <div class="one-left fl">
                                <img src="./img/index7_17.jpg" alt="">
                                <span class="clearfix">
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                </span>
                            </div>
                            <!-- 中间 -->
                            <div class="one-center fl">
                                <!-- 轮播 -->
                                <div class="center-lunbo">
                                    <div class="pptbox fl motion" id="motion-three">
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#">
                                                    <img src="./img/187720017020448_1_o.jpg" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/160729-3709pc-B.jpg" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./imgs/banner3.jpg" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./imgs/banner4.jpg" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./imgs/banner5.jpg" />
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="controls">
                                            <li class="current">1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                        <!-- </div> -->
                                    </div>
                                </div>
                                <div class="center-img">
                                    <img src="./img/index11_08.jpg" alt="">
                                </div>
        
                            </div>
                            <!-- 右边 -->
                            <div class="one-right fr">
                                <!-- 上图 -->
                                <li class="right-top">
                                    <img src="./img/index100_05.jpg" alt="">
                                </li>
                                <li class="right-top">
                                    <img src="./img/index100_05.jpg" alt="">
                                </li>
                                <li class="right-top">
                                    <img src="./img/index100_05.jpg" alt="">
                                </li>
                                <!-- 下 -->
                                <li class="right-bottom">
                                    <img src="./img/index100_11.jpg" alt="">
                                </li>
                                <li class="right-bottom">
                                    <img src="./img/index100_11.jpg" alt="">
                                </li>
                                <li class="right-bottom">
                                    <img src="./img/index100_11.jpg" alt="">
                                </li>
                            </div>
        
                </div>


            </div>

            <!-- 盒子底部 -->
            <div class="bottom-con cl">
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
            </div>

        </div>

        <!-- 4.童装 童鞋 婴儿鞋 -->
        <div class="con-item container floor">
            <!-- 盒子头部 -->
            <div class="top-con clearfix">
                <h2 class="fl">童装 童鞋</h2>
                <ul class="fr">
                    <li class="active">儿童服饰</li>
                    <li>婴儿装</li>
                    <li>小潮童鞋</li>
                </ul>
            </div>

            <!-- 盒子中部 -->
            <div class="center-con">
                <div class=" one on">
                    <!-- 左边 -->
                    <div class="one-left fl">
                        <img src="./img/86030026097384_y_01.jpg" alt="">
                        <span class="clearfix">
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                            <a href="#">女包</a>
                        </span>
                    </div>
                    <!-- 中间 -->
                    <div class="one-center fl">
                        <!-- 轮播 -->
                        <div class="center-lunbo">
                            <div class="pptbox fl children" id="children">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/86030026281665_y.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/187720017020448_1_o.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner3.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner4.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/banner5.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                                <!-- </div> -->
                            </div>
                        </div>
                        <div class="center-img">
                            <img src="./img/index11_08.jpg" alt="">
                        </div>

                    </div>
                    <!-- 右边 -->
                    <div class="one-right fr">
                        <!-- 上图 -->
                        <li class="right-top">
                            <img src="./img/55260017675581_y.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/55260017675581_y.jpg" alt="">
                        </li>
                        <li class="right-top">
                            <img src="./img/55260017675581_y.jpg" alt="">
                        </li>

                        <!-- 下 -->
                        <li class="right-bottom">
                            <img src="./img/99999990000357083.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/99999990000357083.jpg" alt="">
                        </li>
                        <li class="right-bottom">
                            <img src="./img/99999990000357083.jpg" alt="">
                        </li>

                    </div>

                </div>

                <div class="one">
                        <!-- 左边 -->
                        <div class="one-left fl">
                            <img src="./img/index7_17.jpg" alt="">
                            <span class="clearfix">
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                                <a href="#">女包</a>
                            </span>
                        </div>
                        <!-- 中间 -->
                        <div class="one-center fl">
                            <!-- 轮播 -->
                            <div class="center-lunbo">
                                <div class="pptbox fl children" id="children-two">
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#">
                                                <img src="./img/86030026281665_y.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./img/187720017020448_1_o.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/banner3.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/banner4.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/banner5.jpg" />
                                            </a>
                                        </li>
                                    </ul>
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                        <li>5</li>
                                    </ul>
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                    <!-- </div> -->
                                </div>
                            </div>
                            <div class="center-img">
                                <img src="./img/index11_08.jpg" alt="">
                            </div>
    
                        </div>
                        <!-- 右边 -->
                        <div class="one-right fr">
                            <!-- 上图 -->
                            <li class="right-top">
                                <img src="./img/55260017675581_y.jpg" alt="">
                            </li>
                            <li class="right-top">
                                <img src="./img/55260017675581_y.jpg" alt="">
                            </li>
                            <li class="right-top">
                                <img src="./img/55260017675581_y.jpg" alt="">
                            </li>
    
                            <!-- 下 -->
                            <li class="right-bottom">
                                <img src="./img/99999990000357083.jpg" alt="">
                            </li>
                            <li class="right-bottom">
                                <img src="./img/99999990000357083.jpg" alt="">
                            </li>
                            <li class="right-bottom">
                                <img src="./img/99999990000357083.jpg" alt="">
                            </li>
    
                        </div>
    
                    </div>

                <div class="one">
                            <!-- 左边 -->
                            <div class="one-left fl">
                                <img src="./img/86030026097384_y_01.jpg" alt="">
                                <span class="clearfix">
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                    <a href="#">女包</a>
                                </span>
                            </div>
                            <!-- 中间 -->
                            <div class="one-center fl">
                                <!-- 轮播 -->
                                <div class="center-lunbo">
                                    <div class="pptbox fl children" id="children-three">
                                        <ul class="innerwrapper">
                                            <li>
                                                <a href="#">
                                                    <img src="./img/86030026281665_y.jpg" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/187720017020448_1_o.jpg" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./imgs/banner3.jpg" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./imgs/banner4.jpg" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./imgs/banner5.jpg" />
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="controls">
                                            <li class="current">1</li>
                                            <li>2</li>
                                            <li>3</li>
                                            <li>4</li>
                                            <li>5</li>
                                        </ul>
                                        <span class="btnleft"></span>
                                        <span class="btnright"></span>
                                        <!-- </div> -->
                                    </div>
                                </div>
                                <div class="center-img">
                                    <img src="./img/index11_08.jpg" alt="">
                                </div>
        
                            </div>
                            <!-- 右边 -->
                            <div class="one-right fr">
                                <!-- 上图 -->
                                <li class="right-top">
                                    <img src="./img/55260017675581_y.jpg" alt="">
                                </li>
                                <li class="right-top">
                                    <img src="./img/55260017675581_y.jpg" alt="">
                                </li>
                                <li class="right-top">
                                    <img src="./img/55260017675581_y.jpg" alt="">
                                </li>
        
                                <!-- 下 -->
                                <li class="right-bottom">
                                    <img src="./img/99999990000357083.jpg" alt="">
                                </li>
                                <li class="right-bottom">
                                    <img src="./img/99999990000357083.jpg" alt="">
                                </li>
                                <li class="right-bottom">
                                    <img src="./img/99999990000357083.jpg" alt="">
                                </li>
        
                            </div>
        
                </div>

                <!-- </div> -->

                <!-- 盒子底部 -->
                <div class="bottom-con cl">
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                    <a href="#"><img src="./img/logo13_15.jpg" alt=""></a>
                </div>

            </div>


        </div>

        <!-- 5.家居 -->
        <div class="con-item container floor" id="home">
            <!-- 盒子头部 -->
            <div class="top-con clearfix">
                <h2 class="fl">家居</h2>

            </div>
            <div class="home clearfix">
                <div class="home-left fl">
                    <img src="./img/家居日用/dsrblczjdt--398x341px-0803-0804.jpg" alt="">
                </div>
                <div class="home-right fr">
                    <li><img src="./img/index22_05.jpg" alt=""></li>
                    <li><img src="./img/index22_05.jpg" alt=""></li>
                    <li><img src="./img/index22_05.jpg" alt=""></li>
                    <li><img src="./img/index22_05.jpg" alt=""></li>
                    <li><img src="./img/index22_05.jpg" alt=""></li>
                    <li><img src="./img/index22_05.jpg" alt=""></li>
                    <li><img src="./img/index22_05.jpg" alt=""></li>
                    <li><img src="./img/index22_05.jpg" alt=""></li>

                </div>
            </div>
        </div>

        <!-- 6.推广商品. -->
        <div class=".extension container">

            <!-- 盒子头部 -->
            <div class="extension-top clearfix">
                <h2 class="fl">家居</h2>
                <ul class="fr clearfix homeju">
                    <li class="fl active"></li>
                    <li class="fr homeli"></li>
                </ul>
            </div>

            <div class="extension-con">
                <div class="extension-item clearfix on">
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon英国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥190</span>
                        <p class="commen">已有988条评论</p>
                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                        <img src="./img/index25_12.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                </div>
           
                <div class="extension-item clearfix">
                    <li>
                        <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥190</span>
                        <p class="commen">已有988条评论</p>
                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
                    <li>
                            <img src="./img/22472496-1_l_2.jpg" alt="">
                        <p>Pigeon法国制奶嘴，无毒天然乳胶</p>
                        <span class="extension-money">￥189</span>

                    </li>
               
            </div>
        </div>

        </div>

        <!-- 7.左边快捷键 -->
        <div class="elevator">
            <li id="tushu1" class="clothin bg1">图书</li>
            <li id="yifu" class="motio bg2">衣服</li>
            <li id="yundong" class="childre bg3">运动</li>
            <li id="tongzhuang" class="home bg4">童装</li>
            <li id="jiaju" class="recommend bg5">家居</li>
            
        </div>

        <!-- 8.顶部搜索框 -->
        <div class="top-search">
            <div class="search-box container">
                <form action="#" class="search-form">
                        <input class="input" type="text" placeholder="搜索">
                        <button class="button" type="submit">搜索</button>
                </form>
            </div>

        </div>


    </tbody>


    <!-- 尾部 -->
    <footer>
        <!-- 尾部导航 -->
        <div class="foot ">
            <div class="foot-nav container">
                <a href="#"><img src="./img/222_11.png" alt=""></a>
                <a href="#"><img src="./img/222_13(1).png" alt=""></a>
                <a href="#"><img src="./img/222_15.png" alt=""></a>
                <a href="#"><img src="./img/222_17.png" alt=""></a>
            </div>
        </div>

        <ul class="container clearfix">
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-links">
                <a href="" class="first-links">购物指南</a>
                <div class="links-aside">
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </div>
            </li>
            <li class="foot-img fr">
                <img src="./img/logo_00.png" alt="">
            </li>
        </ul>

        <!-- 公司简介 -->
        <div class="introduce container">
            <span>公司简介：</span>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
            <a href="#">乐购招商</a>
        </div>

        <!-- 网站页脚 -->
        <div class="footer-tips container">
            <p>Page Mode shows headers, footers, footnotes and page numbers. </p>
        </div>
    </footer>

    <!-- 引入当前文件的js -->
    <script src="./js/index.js"></script>
    <script src="./lib/jquery.min.js"></script>
    <script src="./js/index2.js"></script>
    <script src="./lib/jquery.slidebox.js"></script>
    <script src="./js/common.js"></script>
</body>

</html>